<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>课程详情</title>
</head>
<body>
    <div class="app-course-particulars dpflex fdcolumn">
        <div class="course-video">
            <span class="backbtn" onclick="javascript:history.back()"></span>
        </div>
        <div class="course-body-box pd16 dpflex fdcolumn">
            <!-- 标题 -->
            <h2 class="course-body-title f22">巧克力腹肌雕刻</h2>
            <div class="course-body-title-content dpflex justspacebt mt8 f14 colro-9A9A9A bb pb10">
                <p>
                    <span class="mr20">
                        <b class="calorie f20 colro-000">45</b>
                        千卡
                    </span>
                    <span>
                        <b class="timer f20 colro-000">15</b>
                        时间
                    </span>
                </p>
                <span>99.99w人练过</span>
            </div>
            <!-- 用户 -->
            <div class="userMsgBody dpflex justspacebt mt20 mb20">
                <!-- 用户图片 -->
                <p class="overimg">
                    <img src="../imgs/user-img.jpg" alt="">
                </p>
                <!-- 用户名 -->
                <p class="flex1 dpflex fdcolumn pl8">
                    <b>用户名</b>
                    <span class="mt8">三线达人课程设计师</span>
                </p>
                <!-- 加关注 -->
                <p class="attentionBtn">+ 关注</p>
            </div>
            <!-- 课程简介 -->
            <p class="course-body-content colro-9A9A9A">15分钟将带你雕刻出性感的巧克力父级， 对腹部进行全方位的刺激，泵感十足！型男必备!</p>
            <!-- 课程帮助 -->
            <div class="course-body-help dpflex mt20 f14">
                <!-- 练习频次 -->
                <div class="flex1 dpflex fdcolumn justspacebt br">
                    <span><i class="iconfont icon-practice"></i>练习频次</span>
                    <span class="frequency colro-9A9A9A mt16">每周3-5次</span>
                </div>
                <!-- 器械 -->
                <div class="flex1 dpflex fdcolumn justspacebt pl8">
                    <span><i class="iconfont icon-apparatus"></i>器械</span>
                    <span class="instrument colro-9A9A9A mt16">无</span>
                </div>
            </div>
            <a class="userupdata mt20" href="./play.html">开始训练</a>
        </div>
    </div>
</body>
</html>